<!DOCTYPE html> 
<html> 
	<head> 
	<title>CodeToDress</title> 	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="css/neujahr.min.css" />

	<link rel="stylesheet" href="css/jquery.mobile.structure-1.0rc2.min.css" /> 
	<link type="text/css" href="css/jquery.mobile.simpledialog.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/MyFontsWebfontsKit.css">
    <link rel="stylesheet" href="css/main.css" />
        
	<script type="text/javascript" charset="utf-8" src="js/phonegap-1.1.0.js"></script>
    <script type="text/javascript" src="js/jquery-1.6.4.js"></script> 
 	<script type="text/javascript" src="js/jquery.mobile-1.0rc2.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/messages_de.js"></script>

    	
	<script type="text/javascript" src="js/barcodescanner.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/Kategoriedaten.js"></script>  
    <script type="text/javascript" src="js/Produktdaten.js"></script>          
	<script type="text/javascript" src="js/load-json.js"></script>
    
	<script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile.simpledialog.js"></script> 
    
    
    <script type="text/javascript">
			var arUser = new Array();
            var myuser = 2;
			arUser[2] = new Object();
			arUser[2]["name"] = "Dirk Siegmund";
			arUser[2]["sex"] = "1";
			
			leseProduktdetailsFuerUser();
			$( document ).delegate("#suchergebnis", "pagebeforecreate", function() {
			  //alert('A page with an ID of "suchergebnis" was just created by jQuery Mobile!');
			  //leseProduktdetailsFuerUser();
			});

			$( document ).delegate("#suchergebnis", "pagecreate", function() {
			  //alert('A page with an ID of "suchergebnis" was just created by jQuery Mobile!');
			  //leseProduktdetailsFuerUser();
			});
    </script>
    
</head> 

<body onLoad="leseProduktdetailsFuerUser();">



 	<div data-role="page" id="suchergebnis" data-title="Suchergebnis" data-theme="a" data-content-theme="a">
         
        <div data-role="header" data-position="inline">
        
            <div class="ui-grid-b">
                <div class="ui-block-a"><dt><a  href="#startseite"><img src="images/logo_mit_claim.png" style="margin-bottom:0px;margin-top:10px;margin-left:10px"  width="170" height="49"/></a></dt></div>
                <div class="ui-block-b"></div>
                <div class="ui-block-c" style="text-align:center; color:#fff; background-color:#00555E; font-size:12px;border-bottom-left-radius: 0.3em"><div class="UnicodSans-Medium" style="font-size:12px;border-bottom-left-radius: 0.3em">Suchergebnis</div></div>
            </div><!-- /grid-b -->

        </div> 
        
        <!--<div id="msg"></div> -->
        <div data-role="content"  style="min-height:600px;" data-theme="b">	
		
            <div style="padding:10px;">
                <ul data-role="listview">
                    <li class="ui-btn-icon-left" data-icon="check" >
                        <a data-rel="dialog" id="artikelgefunden" data-transition="pop" href="#"><div style="margin-top:5px">Artikel gefunden</div></a>
                    </li>
                </ul>
            </div>
            
            <div class="ui-grid-a" id="suchergebniss">
        
                <div class="ui-block-a" style="margin-top:10px;margin-left:8px; width:130px">
                    <dl class="meImgLeftPict2" style="margin-top:8px;margin-left:8px">
                
                     <dt><div id="treffer_image"></div></dt>
                     
                     <dd class="UnicodSans-Medium" style="margin-top:5px">
                        <img src="images/verfuegbar.png" style="font-size:12px;" width="18" height="18" alt="verfuegbar" />
                     </dd>
                        <div class="UnicodSans-Medium" style="margin-top:-20px; margin-left:20px;font-size:12px" >verfuegbar</div>
                </dl> 
                </div>
                
                <div id="suchdetail" class="ui-block-b" style="text-align:right; margin-top:10px;width:50%;">
                    
                    <div id="treffer_bez"></div>
                    <div id="treffer_marke"></div>
                    <div id="treffer_color"></div>
                    <div id="treffer_groesse"></div>
                    <div id="treffer_preis"></div>
                                      
                    <div data-role="controlgroup" data-type="horizontal" data-theme="b" style="margin-top:20px;margin-left:-5px;margin-bottom:10px">
                        <a href="#" onClick="leseProduktdetailsFuerUser();" data-theme="b" data-role="button" data-icon="plus">Mag ich</a>
                    </div>   
    
                                  
                </div>
			
            </div><!-- /grid-a -->

            <ul data-role="listview" style="margin-top:15px;margin-left:0px; margin-right:0px;margin-bottom:-1px">
                <li data-icon="false">
                    <a data-rel="dialog"id="simpleraw" style="margin-left:-5px" data-transition="pop" href="#">Dazu passen:</a>
                </li>
            </ul>
            
			<div id="schu" data-role="collapsible" data-collapsed="false" data-icon="false" data-theme="c" data-content-theme="c" style="margin-top:0px;margin-left:5px; margin-right:5px">              
                <h3>Schuhe</h3>
                
				<div class="ui-grid-a" style="">
            
                    <div class="ui-block-a" style="margin-top:2px;margin-left:0px; width:130px">
                        <dl class="meImgLeftPict2" style="margin-top:8px;margin-left:0px">
                             <dt><img src="images/nike_glimmer3_mid_sl_black_small.png"  alt="nike_glimmer3_mid_sl_black_small.png"   width="97" height="140" /></dt>
                             <dd class="UnicodSans-Medium" style="margin-top:5px">
                                <img src="images/verfuegbar.png" style="font-size:12px;" width="18" height="18" alt="verfuegbar" />
                             </dd>
                                <div class="UnicodSans-Medium" style="margin-top:-20px; margin-left:20px;font-size:12px" >verfuegbar</div>
                        </dl> 
                    </div>
                    <div class="ui-block-b" style="text-align:right; margin-top:2px;width:50%;">
                        
                        <p style="font-size:15px;">Glimmer 3 - Trainingsschuh</p>
                        <p style="font-size:13px;margin-top:0px">Nike</p>
                        <p style="font-size:13px;margin-top:0px">Black</p>
                        <p style="font-size:13px;margin-top:0px">Groesse: 38</p>

                                          
                        <div data-role="controlgroup" data-type="horizontal" data-theme="b" style="margin-top:20px;margin-left:-5px;margin-bottom:10px">
                                <a href="#" data-theme="b" data-role="button" data-icon="plus">Mag ich</a>
                            </div>   
    
                                      
                    </div>
    
                </div><!-- /grid-a -->
                
                                    
		  		<div style="text-align:right;font-size:14px;margin-right:10px;margin-top:0px"><a data-theme="b" href="#" style="font-size:14px;text-align:right" >mehr</a></div>
    		 </div> 
             
			<div data-role="collapsible" data-collapsed="false" data-icon="false" data-theme="c" data-content-theme="c" style="margin-top:-10px;margin-left:5px; margin-right:5px">              
                <h3>Oberbekleidung</h3>
                
                
                <div class="ui-grid-a" style="padding:2px; margin-top:1px">
                    <div data-theme="a" >
                        <dl class="meImgLeftPict" style="margin-top:-5px">
                            <dt><img src="images/bench_fast_forward_funnel_neck_black_small.png"  alt="bench_fast_forward_funnel_neck_black_small.png" /></dt>

                        </dl> 
                        
                    </div>
                    <div class="ui-block-b" style="text-align:left; margin-top:-5px">
                        <a data-theme="b" href="#" style="font-size:13px;">Funnal Neck - Sweatjacke</a>
                        <p style="font-size:12px;margin-top:0px">Fast Forward<br>Black<br>Groesse: 36</p>

                        <div style="font-size:12px;width:110px; text-align:center; font-size:14px; background-color:#27da80; border-bottom-left-radius: 0.3em;color:#fff;; border-bottom-right-radius: 0.3em;border-top-right-radius: 0.3em;border-top-left-radius: 0.3em;margin-top:-2px">verfuegbar</div>   
                        
                    </div>
                   
                </div><!-- /grid-a -->                           
		  		<a data-theme="b" href="#" style="font-size:12px;text-align:right" >mehr Oberbekleidung</a>
    		 
             
			<div data-role="collapsible" data-collapsed="false" data-icon="false" data-theme="c" data-content-theme="c" style="margin-top:-10px;margin-left:5px; margin-right:5px">              
                <h3>Accessoires</h3>
                <div class="ui-grid-a" style="padding:2px; margin-top:1px">
                    <div data-theme="a" >
                        <dl class="meImgLeftPict" style="margin-top:-5px">
                            <dt><img src="images/goldkette.png"  alt="goldkette.png" /></dt>

                        </dl> 
                        
                    </div>
                    <div class="ui-block-b" style="text-align:left; margin-top:-5px">
                        <a data-theme="b" href="#" style="font-size:13px;">Goldkette</a>
                        <p style="font-size:12px;margin-top:0px">Red Bood Ldt. <br>999<br>36cm</p>

                        <div style="font-size:12px;width:110px; text-align:center; font-size:14px; background-color:#27da80; border-bottom-left-radius: 0.3em;color:#fff;; border-bottom-right-radius: 0.3em;border-top-right-radius: 0.3em;border-top-left-radius: 0.3em;margin-top:-2px">verfuegbar</div>   
                        
                    </div>
                   
                </div><!-- /grid-a -->                           
		  		<a data-theme="b" href="#" style="font-size:12px;text-align:right" >mehr Accessoires</a>
                 </div>  
                 
                 <ul data-role="listview" style="margin-top:-10px;margin-left:4px; margin-right:4px;margin-bottom:-1px">
                    <li >
                        <a data-rel="dialog"id="simpleraw" style="margin-left:-5px" data-transition="pop" href="#">Empfehlungen in allen Kategorien</a>
                    </li>
                </ul>  
            
             </div>
            
        <div data-role="footer" data-id="foo1" data-position="fixed" data-theme="b">
    
            <div data-role="navbar">
                <ul>
                    <li><a href="index.html" rel="external" data-icon="arrow-l" data-direction="reverse" data-inline="true">Zur&uuml;ck</a></li>
                    
                </ul>
    
            </div><!-- /navbar -->
        </div><!-- /footer -->
    
	
   </div>
        

</body>
</html>
